<template>
  <div>
    我是父插槽
    <childCom>
      <!-- <p>我在父插槽里面写的元素1</p>
      <p>我在父插槽里面写的元素2</p> -->
      <!-- <div slot-scope="obj">
        <p>{{ obj }}</p>
      </div> -->
      <!-- <template v-slot="obj">
        <p>{{ obj }}</p>
      </template> -->
      <template #foot="obj">
        <p>{{ obj }}</p>
      </template>
    </childCom>
  </div>
</template>

<script>
import childCom from './ChildCom.vue'
export default {
  components: {
    childCom
  }
}
</script>

<style>

</style>
